//引入重置css样式
require('../../assets/css/reset.css')

//引入公共样式
require('../../assets/css/property.css')

//引入忘记密码页面样式
require('../modify/modify.less')

//引入封装的dom
require('../../assets/js/dom.js')

// 引入验证码模块
const CaptchaMini = require("captcha-mini")


//等待dom加载完毕之后操作dom
document.ready(() => {
    //获取dom
    const account = document.querySelector('#account');
    const codeIpt = document.querySelector('#codeIpt');
    const pwd = document.querySelector('#pwd');
    const pwdAg = document.querySelector('#pwdAg');
    const btn = document.querySelector('#btn');
    const msg = document.querySelector('#msg');


    //创建实例对象
    let captcha = new CaptchaMini({
        lineNum: 8,
        fontSize: 30
    });
    let cap = '' //存储验证码 给提交表单用
    captcha.draw(document.querySelector('#captcha'), r => {
        cap = r;
        console.log(r);
    })

    function getMsg() {
        //如果错误显示信息提示框
        msg.style.display = 'block';

        // 计时器，1秒之后隐藏信息提示框
        setTimeout(() => {
            msg.style.display = 'none';
        }, 1000);
    }

    //事件注册
    btn.addEventListener('click', () => {
        //正则验证
        if (!/^1[3-9]\d{9}$/.test(account.value)) {
            getMsg();
            msg.innerHTML = '手机号格式不正确';
        } else if (codeIpt.value.toLowerCase() !== cap.toLowerCase()) {
            getMsg();
            msg.innerHTML = '验证码错误';
        } else if (!/^[0-9]{6}$/.test(pwd.value)) {
            getMsg();
            msg.innerHTML = '请输入0-9的6位密码';
        } else if (pwd.value !== pwdAg.value) {
            getMsg();
            msg.innerHTML = '两次密码不一致';
        } else {
            // 渲染到页面
            msg.innerHTML = '密码修改成功';
            //显示信息提示框
            msg.style.display = 'block';
            // 计时器 1s后跳转到登录页面
            setTimeout(() => {
                msg.style.display = 'none';
            }, 1000);
        }
    })
});